// 任务一：useEffect
// 1. 创建一个React组件，当该组件被挂载时，使用 useEffect 来显示一个消息框。
// 2. 当该组件被卸载时，使用 useEffect 来清除一个定时器。
// 3. 在 useEffect 中添加一个依赖项，以便在输入字段的值发生变化时执行特定的操作。
import React, { useEffect, useState } from 'react'

export default function UseEffect() {
    const [count,setCount] = useState('孟庆明')
    const handleClick = function(){
        setCount('孟凡宇')
    }
    const timer = setInterval(()=>{console.log('定时器');},2000)
    useEffect(() => {
        alert('组件被挂载时')
        return ()=>{
            clearInterval(timer)
            console.log('组件被卸载时');
        }
    })
    useEffect(()=>{
        console.log('组件更新后');
    },[])
    return (
        <div>
            <h1>我是{count}</h1>
            <button onClick={handleClick}>修改</button>
        </div>
    )
}
